<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人网站</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 头像部分开始 -->
    <div class="pic">
        <div class="picbox">
            <img src="img/041.jpg">
        </div>
    </div>
    <!-- 头像部分结束 -->

    <!-- 导航部分开始 -->
    <div class="nav">
        <a href="">资料</a>
        <a href="">技能</a>
        <a href="">作品</a>
        <a href="">经历</a>
        <a href="">兴趣</a>
    </div>
    <!-- 导航部分结束 -->

    <!-- 个人资料开始 -->
    <div class="myInfo">
        <div class="title">
            <img src="img/五角星.png">
            <span>个人资料</span>
        </div>

        <p>姓名：唐印斌</p>
        <p>性别：男</p>
        <p>年龄：19</p>
        <p>英文名：没有</p>
        <p style="margin-top:30px;">QQ：2578078826</p>
        <p>手机号码：18285120657</p>
        <p>邮箱：2578078826@qq.com</p>

        <p style="margin-top:30px;">人生永无止境，学海无涯</p>
    </div>
    <!-- 个人资料结束 -->

    <!-- 个人技能开始 -->
    <div class="mySkills">
        <div class="title">
            <img src="img/学士帽.png">
            <span>掌握的技能</span>
        </div>

        <div class="item">
            <img src="img/word.png" >
            <p class="skillName">word</p>
            <p class="info">熟练使用办公软件</p>
        </div>

        <div class="item">
            <img src="img/Ai.png" >
            <p class="skillName">AI</p>
            <p class="info">精通AI</p>
        </div>

        <div class="item">
            <img src="img/Ps.png" >
            <p class="skillName">PhotoShop</p>
            <p class="info">精通图像制作</p>
        </div>
    </div>
    <!-- 个人技能结束 -->

    <!-- 个人作品开始 -->
    <div class="myWorks">
        <div class="title">
            <img src="img/奖杯.png">
            <span>个人作品</span>
        </div>

        <div class="item">
            <img src="img/软件页面设计5.0-03.08-13.jpg">
            <p>多彩贵州封面1</p>
        </div>

        <div class="item">
            <img src="img/软件页面设计4.0-10.jpg">
            <p>多彩贵州封面2</p>
        </div>

        <div class="item">
            <img src="img/软件页面设计4.0-07.jpg">
            <p>多彩贵州封面3</p>
        </div>
    </div>
    <!-- 个人作品结束 -->

    <!-- 个人经历开始 -->
    <div class="myExp">
        <div class="title">
            <img src="img/箱子.png">
            <span>个人经历</span>
        </div>

        <div class="content">
            <div class="item">
                <div class="circle"></div>
                <p>没有</p>
            </div>

            <div class="item">
                <div class="circle"></div>
                <p>2019年XXX</p>
            </div>

            <div class="item">
                <div class="circle"></div>
                <p>2020年XX</p>
            </div>

            <div class="item">
                <div class="circle"></div>
                <p>2021年XXX</p>
            </div>

            <img src="img/11112.jpeg" class="pic">
        </div>
    </div>
    <!-- 个人经历结束 -->

    <!-- 我的兴趣开始 -->
    <div class="myInterest">
        <div class="title">
            <img src="img/学士帽.png">
            <span>个人兴趣</span>
        </div>

        <p>比较喜欢打游戏，对交互感兴趣，喜欢自驾游</p>

        <p>本人喜欢交互软件，其他软件中交互比较熟悉</p>
        
       

      
    </div>
    <!-- 我的兴趣结束 -->

    <!-- 底部开始 -->
    <div class="footer">
      
    </div>
    <!-- 底部结束 -->
</body>
</html>